@charset "utf-8";



/*应用案例*/
.case_wrap{width:100%;height:380px;margin:50px 0;padding:0}
.case{ width:1200px; margin:0 auto;overflow: hidden; }
.case li { float:left; position: relative;width:200px; height:380px; }
.case li:hover{cursor:pointer}
.case li img { position: absolute; top: 0; left: 0; width:200px; height: 380px;}
.case li .img2 { display: none; }
.case li .img1 { display: block; }
.case li:hover .img2 { display: block; }
.case li:hover .img1 { display: none; }
.case li span { position: absolute; left: 20px; width: 100%; text-align: left; letter-spacing: 1px; color: #fff; }
.case li i{ position: absolute; left: 20px;top: 90px; width: 36px; height: 3px; background: #fe5250;}
.case li span.ChannelSContent { top: 230px; left:0; width:100%;text-align:center; font-size: 24px; font-weight:700;line-height:40px;}
.case li:hover  span.ChannelSContent {display: none; }
.case li span.ChannelSContent1 { top: 265px; left:0; width:100%;text-align:center;font-size:12px;line-height:30px; }
.case li:hover span.ChannelSContent1 { display: none; }
.case li span.ChannelName { top: 110px; font-size: 16px;font-weight:700; line-height: 125%;  }
.case li span.more1 { bottom: 65px; left:35px; width: 100px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 700;}
.case li span.more2 { bottom: 5px; left:80px; width: 120px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 400; display:none}
.case li:hover span.more2 {display:block}
.case li span a{color:#fff}
.case li span a:hover{color:#ccc}
.case li.cur .img2 { display: block; }
.case li.cur .img1 { display: none; }